<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初识JQuery</title>
		<!-- JQuery 了解JavaScript功能：页面上所有触发型效果
		     JQuery的使用方法：
			 1.JQuery官方网站，下载JQuery封装JS库，格式：jquery-1.11.1.js
			                  jquery-2.x.js之后版本不支持IE6、7、8
			 2.引入JQuery框架[js类库]  在head中，script元素 导入
			   <script src="js/jquery-1.11.1.js"></script>
		     3.编写JQuery语法---JS页面动态效果
			   在页面最后，body前面加script元素，为什么？
			   思考：操作页面上元素，body中生成实际页面上的内容，改变页面效果
			        整个html+css，理解为DOM树：元素、属性、属性值，现存在这些元素，才可以操作
					所以，JS中DOM树的操作需要等页面元素都加载完毕，才可以进行对页面元素实际性操作！
			   JavaScript行为层  EMCAScript5.0核心语法层--类似于Java基础
			                    功能：做逻辑
							  ※ DOM--Document Object Model  文档节点对象模型
								功能：做页面效果【结合逻辑】
								DOM树    document  元素、属性、属性值
								           html
									   head   body
									  mate
									charsert
									   
								BOM--Browser Object Model  浏览器对象模型
								功能：做浏览器效果【结合逻辑】  吸顶灯效果
		 -->
		<script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<!-- 编写JQ语法 -->
		<script>
			/* JQ语法 */
			$("button").click(function(){alert("请耐心等待")})
		</script>
	</body>
</html>